@charset "utf-8";
/* CSS Document */

/* ----------------------------- */

/*  ==     Styles de base        */

/* ----------------------------- */

body,td,th,div,span {
	color: #FFFFFF;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
}
body {
	background: url("../images/fond-menu.png") center top;
	background-color:#191919;
	text-align:center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;}

#pagecontent {width:1000px; margin:0 auto; text-align:left;}

h1, h2, h3, h4, h5 {margin:0px; font-weight:normal; padding:0px; }

h5 { font-family:'PetitaBoldRegular'; font-size:20px; color:#000; background-color:#FFF; text-align:center; padding-bottom:3px; padding-top:3px;}

body, div, a, textarea { background-repeat:no-repeat;}

a:active, a:link, a:focus, a:visited { text-decoration:none; color:#000}
a:hover { text-decoration:underline;}

@font-face {
    font-family: 'PetitaBoldRegular';
    src: url('petitabold-webfont.eot');
    src: url('petitabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('petitabold-webfont.woff') format('woff'),
         url('petitabold-webfont.ttf') format('truetype'),
         url('petitabold-webfont.svg#PetitaBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'PetitaLightRegular';
    src: url('petitalight-webfont.eot');
    src: url('petitalight-webfont.eot?#iefix') format('embedded-opentype'),
         url('petitalight-webfont.woff') format('woff'),
         url('petitalight-webfont.ttf') format('truetype'),
         url('petitalight-webfont.svg#PetitaLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'PetitaMediumRegular';
    src: url('petitamedium-webfont.eot');
    src: url('petitamedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('petitamedium-webfont.woff') format('woff'),
         url('petitamedium-webfont.ttf') format('truetype'),
         url('petitamedium-webfont.svg#PetitaMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.fondblanc { height:350px; background-color:#FFF;}
.clear { clear:both;}
.texte-orange {#color:ff5500}

.navinterne { text-align:center; margin-top:50px; margin-bottom:25px;}
.navinterne a { border-left:solid 1px #FFF; padding-left:40px; padding-right:40px; color:#FFF; font-family:'PetitaLightRegular'; font-size:12px; letter-spacing:1px;}
.navinterne a:link, #sesvins .navinterne a:focus, #sesvins .navinterne a:active { text-decoration:none;}
.navinterne a:hover { text-decoration:underline;}
.navinterne a.first { border:none}

.lienVoirTout { text-align:right; margin-top:5px;}

.ajoutpanier { position:absolute; background-image:url(../images/fond-ajout-panier.png); width:194px; height:70px; margin-top:-230px; margin-left:-20px; text-align:center; display:none;}
.ajoutpanier img { margin-top:7px;}
.achatmembre,.membrerecommande {font-family:'PetitaMediumRegular'; font-size:14px; color:#000; width:206px; height:80px; position:absolute; }
.achatmembre {background-image:url(../images/bulle-achat-produit.png); background-position:bottom right; margin-top:-330px; margin-left:-25px;}
.membrerecommande {background-image:url(../images/bulle-avis-produit.png); background-position:bottom right; margin-top:-274px; margin-left:0px;}
.achatmembre img,.membrerecommande img { float:left; margin-right:5px;}
/* ----------------------------- */

/*  ==     Header                */

/* ----------------------------- */

h1 { margin-top:11px;}
h1 span {display: none;}

#recherche {position:absolute; margin-left:300px; margin-top:-65px;}
#recherche #divtext, #recherche #divsubmit { float:left;}
#recherche #divtext { margin-top:14px;background-image:url(../images/fond-recherche.png); background-position:center; height:25px;width:275px;}
#recherche #motcle { width:276px;  border:none; font-style:italic; color:#5b5a5a; font-size:12px; background-color:transparent; padding-top:3px; padding-left:5px;}

#panier { height:34px; width:165px; padding-right:45px; padding-top:8px; background-image:url(../images/picto-panier-off.png); background-position:top right; text-align:right;
			position:absolute; margin-left:785px; margin-top:-58px;}
#panier:hover {background-image:url(../images/picto-panier-on.png);}
#panier a { font-size:14px; display:block; text-decoration:none; color:#FFF; border-bottom:solid 3px #FFF; padding-bottom:4px; }
#panier:hover a, #panier a:hover {color:#ff5500; border-bottom:solid 3px #ff5500;}


/* ----------------------------- */

/*  ==     Navigation            */

/* ----------------------------- */

#navigation{margin-top:19px; margin-bottom:31px; overflow:hidden;}
#navigation label, #navigation [type=checkbox] {cursor: pointer}
#navigation ul{margin:0; padding:0; margin-left:141px;}
#navigation li{float:left; min-height:25px; line-height:25px; vertical-align:middle; list-style:none; }
#navigation a{margin-left:18px; font-size:16px; vertical-align:middle; color: #353535; letter-spacing:1px;}
#navigation a:hover, #navigation a:focus, #navigation a:link, #navigation a:active {text-decoration: none}

#navigation #moncompte { float:right; height:27px; font-size:15px; text-align:right; margin-top:-27px;}
#navigation #moncompte a {background-image:url(../images/fleche-bas.jpg); background-position:right; padding-right:26px; padding-top:4px; white-space: nowrap; height:23px; display:block;}
#navigation #moncompte img { float:left; margin-right:5px;}

#navigation #moncompte #bullemenutop { position:absolute; background-image:url(../images/bulle-menu-top.png); padding-top:16px; width:161px; z-index:9; margin-left:90px; margin-top:-5px; display:none;}
#navigation #moncompte #bullemenubas {background-image:url(../images/bulle-menu-bas.png); background-position:bottom; padding-bottom:5px;}
#navigation #moncompte #bullemenucentre {background-image:url(../images/bulle-menu-centre.png); background-repeat:repeat-y; text-align:left; line-height:26px;}
#navigation #moncompte #bullemenucentre a { display:inline; background-image:none; color:#020202; font-family:'PetitaBoldRegular';}
#navigation #moncompte #bullemenucentre a:hover { color:#ff5500;}

/* ----------------------------- */

/*  ==     Titre de page         */

/* ----------------------------- */

#vigneron #titrepage h2 { color:#ffffff; font-size:35px; text-transform:uppercase; line-height:30px;}
#vigneron #titrepage h3 { color:#c9c9c9; font-size:30px; text-transform:uppercase; font-family:'PetitaLightRegular'; }

#patarger, #ajoutfavoris { display:block; position:absolute; margin-top:-35px; height:26px;}
#ajoutfavoris { background-image:url(../images/bouton-ajouter-aux-favoris.png); margin-left:843px; width:157px;}
#patarger { background-image:url(../images/bouton-partager.png); margin-left:708px; width:117px;}

/* ----------------------------- */

/*  ==     Diaporama             */

/* ----------------------------- */



/* slider layout */
.diaporama { position:relative;	overflow:hidden;width:1000px;	height:443px; z-index:1;	}
.diaporama .preload{	height:100%;	width:100%;	position:absolute;	top:0;	left:0;	z-index:100000;	text-align:center;	background:#FFF}
.diaporama .preload div{	height:100%;	width:100%;	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;}
.diaporama .boutondiapo { background-image:url(../images/bouton-diaporama.png);width:105px; height:31px; position: absolute;    right: 40px;    top: 300px; }
.diaporama  .sliders-wrapper{	position:relative;	height:100%;	width:900px;	z-index:3px;	overflow:hidden; }
.diaporama  ul.sliders-wrap-inner{overflow:hidden;	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;	padding:0px;	margin:0;	position:absolute;	overflow:hidden;}
.diaporama  ul.sliders-wrap-inner li{overflow:hidden;	padding:0px;margin:0px;	float:left;	position:relative;}
.diaporama  .lof-opacity  li{position:absolute;	top:0;	left:0;	float:inherit; }
.diaporama  .navigator-content {position:absolute; bottom:35px; right:10px;	padding:5px 0px;z-index:99900;cursor:hand;}
ul.sliders-wrap-inner li img{	padding:0px;	}
.diaporama .slider-description a{ color:#FFF; }
.diaporama .slider-description{	z-index:100px;position:absolute;bottom:-10px;right:40px;width:418px;background-image:url(../images/fond-texte-slider.png); height:100px;	padding:8px;font-family:'PetitaMediumRegular'; font-size:14px; color:#060606;}
/* item navigator */
.diaporama .navigator-content .button-next, .diaporama .navigator-content .button-previous{	display:block;width:22px;height:30px;color:#FFF;cursor:pointer;}
.diaporama .navigator-content .button-previous {float:left;text-indent:-999px;margin-right:450px;background:url(../images/fleche-gauche-diaporama.png) no-repeat right center;width:20px;height:38px;cursor:pointer;}
.diaporama .navigator-content .button-next {float:right;text-indent:-999px;margin-left:5px;background:url(../images/fleche-droite-diaporama.png) no-repeat left center;width:20px; height:38px;cursor:pointer;}
.diaporama .button-control {position:absolute;top:170px;right:50px;height:31px;width: 105px;cursor:hand; cursor:pointer;}
.diaporama .button-control span { display:block;  width:100%; height:100%;}
.diaporama .action-start span  {background:url(../images/bouton-diaporama.png) no-repeat center center;}
.diaporama .action-stop span {background:url(../images/bouton-diaporama.png) no-repeat center center;}
.main-slider-content {width:1000px;	height:443px;}
/* ----------------------------- */

/*  ==     Note / commentaire    */

/* ----------------------------- */

#commentaire { margin-left:22px; position:relative; z-index:10;}
#commentaire #photovigneron { position:absolute; border:solid 3px #FFF; top:-60px; }

#commentaire #nbreavis, #commentaire #notevins span,#commentaire #noteservice span { font-family:'PetitaBoldRegular'; font-size:18px; text-align:center; font-weight:normal;}
#commentaire #nbreavis, #commentaire #notevins, #commentaire #noteservice { position:absolute; left:238px; }
#commentaire #nbreavis { left:253px; top:29px; }
#commentaire #notevins, #commentaire #noteservice {top:57px; color:#39aeb8; font-size:23px; font-weight:bold; text-align:center; padding-top:32px; 
background-image:url(../images/etoile-note-vigneron.png); background-position:top; width:60px;}
#commentaire #noteservice {  left:336px; }

#commentaire #bloccommentaire { float:right; text-align:right; }
#commentaire #bloccommentaire #saisiecommentaire { width:437px; height:56px; background-position:left top; background-color:#c7c5c5; border:solid 6px #c7c5c5; border-left:solid 3px #c7c5c5; top:30px; padding-left:60px; font-weight:bold;}
#commentaire #bloccommentaire #etoilesnote,#commentaire #bloccommentaire #bullenote { cursor:pointer; }
#commentaire #bloccommentaire #etoilesnote {padding-top:28px; }
#bloccommentaire #bullenote  { color:#666565; font-size:10px; background-image:url(../images/bulle-commentaire.png); position:absolute; height:39px; padding-left:50px; padding-top:11px; left:670px; top:21px;}
#bloccommentaire #bullenote span { color:#666565; font-size:10px;}
#bloccommentaire #valideravis { position:absolute; top:28px; left:860px}

/* ----------------------------- */

/*  ==     réseau social         */

/* ----------------------------- */

#reseausocial #recommandations,#reseausocial #achats { float:left; margin-top:45px; height:120px;}
#reseausocial #recommandations { width:475px; padding-left:22px}
#reseausocial #achats { width:456px; padding-left:44px; border-left:solid 1px #FFF;}
#reseausocial h4 {font-family:'PetitaBoldRegular'; font-size:20px; margin-bottom:20px;}
#reseausocial .membre { font-size:11px; float:left; width:50px; margin-right:20px; }
#reseausocial a, #fermerlightbox a { color:#FFF; }

#lightboxmembrestop { background-image:url(../images/lightboxmembrestop.png); width:500px; z-index:100009; padding-top:2px; position:fixed; top:50%; left:50%; margin:-250px 0 0 -250px; display:none;  }
#titrelightbox {padding-left:13px; font-family:'PetitaBoldRegular'; font-size:14px;}
#fermerlightbox { position:absolute; margin-left:480px; margin-top:-20px;}
#lightboxmembresbas {background-image:url(../images/lightboxmembresbas.png); background-position:bottom; padding-bottom:5px;}
#lightboxmembrescentre {background-image:url(../images/lightboxmembrescenter.png); background-repeat:repeat-y; text-align:left; padding-top:10px; padding-bottom:10px}
#lightboxmembrescentre  .lightboxmembre { width:225px; float:left; margin-left:25px; margin-bottom:10px; font-family:'PetitaBoldRegular'; font-size:14px; color:#000;}
#lightboxmembrescentre  .lightboxmembre img { margin-right:15px; float:left;}
#lightboxmembrescentre  .lightboxmembre img.ajouter { margin-top:10px;}

/* ----------------------------- */

/*  ==     ses vins              */

/* ----------------------------- */

#sesvins h5 { width:120px;}
#sesvins .produit { width:155px; margin-left:95px; padding-top:50px; float:left;}
#sesvins .produitfirst { margin-left:45px}
#sesvins .noteproduit { position:absolute; margin-top:-182px; margin-left:95px; color:#39aeb8; font-size:23px; font-weight:bold; text-align:center; padding-top:22px;
						background-image:url(../images/etoile-note-produit.png); background-position:top; width:60px;}
#sesvins .noteproduit img { margin-top:10px;}
#sesvins .libelleproduit {color:#000;font-family:'PetitaBoldRegular'; font-size:14px; border-top:solid 3px #353535; padding-top:3px;}
#sesvins .prixproduit, #sesvins .prixproduit span { color:#353535; text-align:right; font-size:24px; font-weight:bold;}
#sesvins .prixproduit span {font-size:18px;}
#sesvins .prixproduit a {color:#353535;}

/* ----------------------------- */

/*  ==    Vous aimerez aussi     */

/* ----------------------------- */

#aussi h5 { width:245px;}
#aussi .portrait {width:192px; margin-left:60px; padding-top:50px; float:left}
#aussi .portraitfirst { margin-left:27px}
#aussi .nomvigneron {color:#000;font-family:'PetitaBoldRegular'; font-size:15px; padding-top:3px;}
#aussi .domainevigneron {color:#000;font-family:'PetitaLightRegular'; font-size:15px; padding-top:1px;}
#aussi .couleurproduit { position:absolute; margin-top:-83px; margin-left:145px; width:45px; height:39px;}
#aussi .couleurproduit div { position:absolute; z-index:9; font-weight:normal; font-size:12px; left:25px; top:18px;}
#aussi .couleurproduit .goutte1 {position:absolute; z-index:8; left:20px}
#aussi .couleurproduit .goutte2 {position:absolute; z-index:7; left:10px}
#aussi .couleurproduit .goutte3 {position:absolute; z-index:6;}

#aussi .notevinsaussi, #aussi .noteserviceaussi { position:absolute; margin-top:4px; color:#39aeb8; font-size:18px; font-weight:bold; text-align:center; padding-top:20px; 
												background-image:url(../images/etoile-note-vigneron-small.png); background-position:top; width:40px;}
#aussi .notevinsaussi span, #aussi .noteserviceaussi span { font-family:'PetitaBoldRegular'; font-size:12px; text-align:center; font-weight:normal; color:#191919;}
#aussi .noteserviceaussi {  margin-left:117px; }
#aussi .notevinsaussi {  margin-left:34px; }

/* ----------------------------- */

/*  ==  Les avis des citoyens    */

/* ----------------------------- */

#avis h5 { width:220px;}
#avis .fondblanc { height:auto; padding-left:70px; padding-right:95px; padding-bottom:20px;}

#avis #libellequalitevins, #avis #libellequaliteservice { color:#191919; font-family:'PetitaBoldRegular'; font-size:18px; position:absolute; margin-top:30px;}
#avis #notequalitevins, #avis #notequaliteservice { position:absolute; margin-top:19px; color:#39aeb8; font-size:20px; font-weight:bold; text-align:center; padding-top:22px;
													 background-image:url(../images/etoile-note-produit.png); background-position:top; width:30px;}
#avis #notequalitevins { margin-left:130px}
#avis #libellequaliteservice { margin-left:195px}
#avis #notequaliteservice { margin-left:342px}
#avis #nbretotalavis { color:#000000; font-family:'PetitaMediumRegular'; font-size:18px; position:absolute; margin-top:30px; text-align:right; margin-left:737px; width:100px;}

#avis #listenotes { padding-top:83px;}
#avis .noteattribuee { border-top:solid 1px #d3d3d3; padding-top:10px; margin-bottom:20px;}
#avis .membreavis {font-size:11px; width:50px; color:#000; position:absolute;}

#avis .notevinsavis, #avis .noteserviceavis { position:absolute; color:#39aeb8; font-size:18px; font-weight:bold; text-align:center; padding-top:20px; 
												background-image:url(../images/etoile-note-vigneron-small.png); background-position:top; width:40px;}
#avis .notevinsavis span, #avis .noteserviceavis span { font-family:'PetitaBoldRegular'; font-size:12px; text-align:center; font-weight:normal; color:#60bec6;}
#avis .notevinsavis {  margin-left:73px; }
#avis .noteserviceavis {  margin-left:125px; }

#avis .commentaireavis {font-family:'PetitaMediumRegular'; font-size:14px; color:#353535; text-align:justify; margin-left:185px;}
#avis .titreavis {font-family:'PetitaBoldRegular'; font-size:14px; color:#000;}
#avis .dateavis {font-family:'PetitaLightRegular'; font-size:12px; color:#000;}


/* ----------------------------- */

/*  ==  footer                   */

/* ----------------------------- */

#footer { background-image:url(../images/logo-footer.png); height:67px; background-position:left top; margin-top:200px; margin-bottom:50px; text-align:center; font-family:'PetitaLightRegular'; font-size:10px;}
#footer ul{margin:0; padding:0; margin-left:141px;}
#footer li{float:left; list-style:none;  }
#footer a{border-left:solid 1px #FFF; padding-left:40px; padding-right:40px; color: #ffffff; letter-spacing:1px; font-size:12px}
#footer a:hover {text-decoration: underline;} 
#footer a.first { border:none;  padding-left:0px;}


/* ----------------------------- */

/*  ==  overlay                   */

/* ----------------------------- */

#overlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.4;filter:alpha(opacity=0.4);z-index:100000;}